<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<!--[if lt IE 9]>
	<meta http-equiv="refresh" content="0;url=ie.html" />
	<![endif]-->

	<title>通知公告</title>
	<!-- build:js js/common.js -->
	<!--<script src="js/common.js"></script>-->
	<!-- endbuild -->

	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">

	<link rel="stylesheet" href="css/plugins/bootstrap-table/bootstrap-table.min.css">
	<link rel="stylesheet" href="css/plugins/sweetalert/sweetalert.css">

	<!-- build:css css/style.css -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/hAdmin-extension.css">


	<!-- fuwenbenbianjiqi -->
	<link href="dist/summernote.css" rel="stylesheet"/>

	<!-- webuploader -->
	<!--<link rel="stylesheet" href="css/plugins/webuploader/webuploader.css">-->
	<!--dropzone-->
	<link rel="stylesheet" href="css/plugins/dropzone/dropzone.min.css">
	<!-- endbuild -->
	<!--bootstrap-select-->
	<!--<link rel="stylesheet" href="css/plugins/bootstrap-select/bootstrap-select.min.css">-->

	<link rel="stylesheet" href="js/plugins/jstree/themes/default/style.min.css">
	<!--laydate-->
	<script src="js/changepic.js"></script>
	<style>
		#resetAddress:hover {
			border-left: 0;
		}
		.form-group label.btn.active {
			color: #fff;
			border-color: #00a65a;
			background-color: #00a65a;
		}
		.close span{
			position: absolute;
			display: inline-block;
			top: 15px;
			right: 10px;
		}
		.modal-header{
			padding: 10px;
			position: relative;
		}
		.m{ width: 600px;margin: auto;}
		.point{
			position: absolute;
			top: -60px;
			right: -3px;
			font-size: 66px;
			color:red;
			height: 10px;
			width: 10px;
		}
		.chosen-container.chosen-container-multi,.search-field input {
			width: 100% !important;
		}
		.table td,.table tr{
			border:1px solid #e7eaec;
		}
		.laydate_box .laydate_top,body div .laydate_body td .laydate_click,.laydate_body .laydate_ym,.laydate_body .laydate_ym .laydate_yms{
			border: 1px solid #23b7e5 !important;
		    background-color: #23b7e5 !important;
		}
		.input-s-w100 {
			width:95px;
		}
		.f_l{
			float: left;
		}
		#files td{
			text-align: center;
		}
	</style>

	<link rel="stylesheet" href="js/plugins/layer/laydate/need/laydate.css">
</head>

<body oncontextmenu="self.event.returnValue=false" ondragstart="return false" class="gray-bg">
<div class="m-t-sm m-r-sm m-l-sm">
	<div class="ibox float-e-margins">
		<div class="ibox-content">
			<div id="toolbar" class="btn-toolbar" role="toolbar">
				<div class="btn-group" role="group">
					<!-- data-toggle="modal" -->
					<button class="btn btn-info" id="showModal" data-toggle="modal" data-target="#modal"><span
							class="fa fa-plus"></span>
						新增
					</button>
				</div>
				<div class="btn-group" role="group">
					<input type="text" class="btn btn-default input-s-sm" style="text-align: left;" placeholder="主题"
						   id="titleLike">
					<div id="search" style="display: none">
						<ul id="searcher">
							<li>aaa</li>
							<li>bbb</li>
						</ul>
					</div>
				</div>
				<div class="btn-group" role="group">
					<input type="text" class="btn btn-default input-s-sm" style="text-align: left;" placeholder="发布者"
						   id="nameLike">
				</div>
				<div class="btn-group">
					<select type="text" class="btn btn-default input-s-w100"  id="timeSearch"  >
						<option value="0">请选择</option>
						<option value="1">一周内</option>
						<option value="2">本月份</option>
						<option value="3">一季度</option>
						<option value="4">本年度</option>
					</select>
				</div>
				<div class="btn-group" role="group">
					<button class="btn btn-outline btn-info active" type="button" id="aboutme" value="1">与我相关</button>
					<button class="btn btn-outline btn-info" type="button" id="public"  value="2"> 我发布</button>
					<button class="btn btn-outline btn-info" type="button" id="unread"  value="3" style="position: relative;">我未读<span id="unR"></span></button>
					<button class="btn btn-outline btn-info" type="button" id="draft"   value="4"> 草稿</button>
				</div>
			</div>
			<!--table-->
			<table id="table" class="table"></table>
		</div>
	</div>

	<!-- modal [新增]通知公告 -->
	<!-- class="modal fade" tabindex="-1" role="dialog" aria-labelledby="" id="modal" -->
	<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="" id="modal">

		<div class="modal-dialog modal-lg" role="document" style="width: 800px">
			<div class="modal-content">
				<div class="modal-header bg-info">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h3 style=" line-height: 17px">[新增]通知公告</h3>
				</div>
				<div class="modal-body">
					<form onsubmit="return false" method="post" id="formEditDevice">
						<div class="row">
							<div class="col-sm-12">
								<h3 class="ibox-title bg-white" style="text-align: center;">通知公告</h3>
								<div class="ibox float-e-margins">
									<div class="ibox-content">
										<div class="table-responsive">
											<table class="table table-striped" >
												<tr>
													<td><span class="required">*</span>标题</td>
													<td>
														<div class="form-group">
															<input placeholder="请输入标题" class="form-control"  name="title" id="title" autocomplete="off">
														</div>
													</td>
												</tr>
												<tr>
													<td><span class="required">*</span>类型名称</td>
													<td>
														<select name="type" id="noType">
															<option value="0">-请选择-</option>
														</select>
														<div class="btn-group" role="group">
															<input type="text" class="btn btn-default input-s-w100" style="text-align: left;" placeholder="自定义类型"
																   id="autoType" name="autoType" autocomplete="off" >
														</div>
													</td>
												</tr>
												<tr>
													<td>发送给</td>
													<td>
														<!--<div class="form-group">-->
															<button class="btn btn-info form-control active" id="sendP"  >不选默认为发给全部人员</button>
														<!--</div>-->
														<div id="jstree" ></div>
													</td>
												</tr>
												<tr>
													<td><span class="required">*</span>内容</td>
													<td>
														<div class="m">
															<div class="summernote" name="content" id="content"></div>
														</div>
													</td>
												</tr>
												<tr>
													<td>相关文件</td>
													<td class="dropzone" id="dropzone">
														<div class="table-responsive">
															<table width="100%" id="files">
																<tr >
																	<td id="Afilename" width="33%" >文件名</td>
																	<td id="Asize" width="33%">大小</td>
																	<td id="remove" width="33%">移除</td>
																</tr>
															</table>
														</div>
													</td>
												</tr>
											</table>
										</div>
										<div class="text-danger m-b-n-md">
											<p id="errorMsg"></p>
										</div>
										<div class="hr-line-dashed"></div>
										<div class="text-right">
											<button class="btn btn-info" id="saveNotice" type="button" value="0">
												<span class="fa  fa-pencil"></span> 存为草稿
											</button>
											<button class="btn btn-info submit" id="sendNotice" type="submit" value="1" ><span
													class="glyphicon glyphicon-send"></span> 发布
											</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<script src="js/lib/jquery.min.js"></script>
	<script src="js/lib/bootstrap.min.js"></script>
	<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
	<!-- build:js js/app.js -->
	<script src="js/route.js"></script>
	<script src="js/site.js"></script>
	<script src="js/config.js"></script>
	<!-- endbuild -->
	<!--<script src="js/utils/UDate.js"></script>-->

	<!-- fuwenbenbianjiqi -->
	<script src="dist/summernote.js"></script>
	<script src="dist/lang/summernote-zh-CN.js"></script>    <!-- 中文-->
	<!-- webuploader -->
	<!--<script src="js/plugins/webuploader/webuploader.min.js"></script>-->
	<!-- endbuild -->

	<!--webupload demo.js-->
	<!--<script src="js/upload.js"></script>-->
	<!--dropzone-->
	<script src="js/plugins/dropzone/dropzone-5.2.0.min.js"></script>
	<!--<script src="js/dropzonedemo.js"></script>-->
	<script src="js/utils/UDate.js"></script>
	<!--boostrap-select-->
	<!--<script src="js/plugins/bootstrap-select/bootstrap-select.min.js"></script>-->
	<script src="js/plugins/docsupport/init.js"></script>
	<script src="js/plugins/layer/laydate/laydate.js"></script>
	<script src="js/plugins/validate/jquery.validate.min.js"></script>
	<script src="js/plugins/jstree/jstree.min.js"></script>
	<script src="js/notice.js"></script>
	</div>
</body>
</html>